/**
    使用方式
    p {@include public_btn(100px,#000,#fff);}
**/
// 单行文本超出隐藏
@import "color";
@mixin overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
// 常用按钮按钮
@mixin public_btn($width,$bgcolor,$color:#fff) {
    width: $width;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    background: $bgcolor;
    color: $color 
}
// 盒子阴影
@mixin boxshow {
    box-shadow: 0 .9375rem 1.875rem rgba(0, 0, 0, 0.1);
    transform: translate3d(0,-2px,0);  
}
// 标题样式
@mixin title($fontsize:16px) {
    color: $titlr-color;
    font-size: $fontsize;
}
// 正文
@mixin content {
    color: $content-color;
    font-size: 14px;
}
// 提示
@mixin info {
    color: $info-color;
    font-size: 14px
}
// 向下小三角形
@mixin arrow-bottom($top,$right,$border,$border-top,$border-color) {
    content: '';
    right: $right;
    top: $top;
    position: absolute;
    border: $border solid transparent;
    border-top: $border-top solid $border-color;
}
// (距顶部距离，距右边距离，三角形大小，大小，颜色)

// 向上小三角形
@mixin arrow-top($top,$right,$border,$border-top,$border-color) {
    content: '';
    right: $right;
    top: $top;
    position: absolute;
    border: $border solid transparent;
    border-top: $border-bottom solid $border-color;
}
// (距顶部距离，距右边距离，三角形大小，大小，颜色)

// 右边竖杠
@mixin border-right($color,$mt:10px) {
    margin-top:$mt;
        span{
            font-size: 14px;
            color: $color;
            display: inline-block;
            height: 14px;
            line-height: 14px;
        }
        span:first-child{
            padding-right: 10px;
        }
        span:not(:first-child){
            padding: 0 10px;
        }
        span:not(:last-child){
            border-right: 1px solid $color  
        }    
}
// 横排福利
@mixin job_welfare($bg,$color){
    padding: 8px 10px;
    margin-right: 15px;
    font-size: 14px;
    border-radius: 5px;
    color: $color;
    background: $bg;
}
// 下拉置顶

.my_flex_bet{
    display: flex;
    justify-content: space-between
}

// 弹窗
@mixin pop_window($w,$h){
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: $w;
    height: $h;
    box-shadow: 0 .9375rem 1.875rem rgba(0, 0, 0, 0.1);
    margin: auto;
    z-index: 9100;
}
@font-face {font-family: 'iconfont';
    src: url('../../dist/font/iconfont.eot');
    src: url('../../dist/font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../../dist/font/iconfont.woff') format('woff'),
    url('../../dist/font/iconfont.ttf') format('truetype'),
    url('../../dist/font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;} 